<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="js/flexible/flexible_css.js"></script>
    <script src="js/flexible/flexible.js"></script>
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="js/mobiscroll/mobiscroll.custom-2.17.0.min.css">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/mobiscroll/mobiscroll.custom-2.17.0.min.js"></script>
    <script src="js/upload/lrz.js"></script>
    <script src="js/upload/exif.js"></script>
    <script src="js/upload/mobileFix.mini.js"></script>
    <script src="js/main.js"></script>
    <script src="js/each/projectWorker.js"></script>
    <title>Title</title>
</head>
<body flex="dir:top">
<div class="dialog add-worker">
    <div class="dialog-box" flex="dir:top">
        <div class="dialog-header" flex-box="0" flex="cross:center main:center">
            <div class="dialog-header-icon" flex-box="0"></div>
            <h1 flex-box="10">添加工人</h1>
            <div class="dialog-header-icon btn-close" flex-box="0">
                <a href="javascript:;" flex="main:center cross:center">
                    <span class="icon-close" font="16"></span>
                </a>
            </div>
        </div>
        <div class="dialog-section" flex-box="10">
            <ul class="form" font="16">
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">姓名</div>
                    <input type="text" class="form-inp" flex-box="10" placeholder="请输入姓名">
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">性别</div>
                    <select class="select sex">
                        <option value="1">男</option>
                        <option value="2">女</option>
                    </select>
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">工种</div>
                    <input type="text" class="form-inp" flex-box="10" placeholder="请输入工种">
                </li>
                <li flex="cross:center">
                    <div class="form-tit" flex-box="0">身份证号</div>
                    <input type="text" class="form-inp" flex-box="10" placeholder="请输入身份证号">
                </li>
                <li>
                    <div class="form-tit" flex-box="0">身份证照片</div>
                    <div class="add-picture">
                        <input type="file" accept="image/*" capture="camera">
                        <span class="icon-add" font="22"></span>
                        <img src="">
                    </div>
                </li>
            </ul>
        </div>
        <div class="dialog-footer" flex-box="0">
            <a href="" class="btn-bottom" font="18">完成添加</a>
        </div>
    </div>
</div>

<header flex-box="0" flex="main:justify cross:center">
    <div class="header-icon" font="16" flex-box="0">
        <a href="projectDetail.html" flex="main:center cross:center">
            <span class="icon-back"></span>
        </a>
    </div>
    <h1 flex-box="10">工人信息</h1>
    <div class="header-icon" font="18" flex-box="0">
        <a href="javascript:;" flex="main:center cross:center" font="14" class="worker-edit">编辑</a>
    </div>
</header>
<section flex-box="10">

    <ul class="view worker-view">
        <li flex="cross:center">
            <a href="projectWorkerDetail.html" flex="cross:center" flex-box="10">
                <div class="view-pic worker-pic" flex-box="0">
                    <p>
                        <img src="img/project1.jpg" alt="">
                    </p>
                </div>
                <article flex-box="10">
                    <h2>锄禾</h2>
                    <div class="sexy man" font="12" flex="main:center cross:center">
                        <span class="icon-man"></span>16
                    </div>
                    <p font="12">2017-04-12</p>
                </article>
            </a>
            <div class="tool-check" flex-box="0">
                <label>
                    <input type="checkbox">
                    <span class="icon-" font="12"></span>
                </label>
            </div>
        </li>

        <li flex="cross:center">
            <a href="projectWorkerDetail.html" flex="cross:center" flex-box="10">
                <div class="view-pic worker-pic" flex-box="0">
                    <p>
                        <img src="img/project1.jpg" alt="">
                    </p>
                </div>
                <article flex-box="10">
                    <h2>当午</h2>
                    <div class="sexy women" font="12" flex="main:center cross:center">
                        <span class="icon-women"></span>16
                    </div>
                    <p font="12">2017-04-12</p>
                </article>
            </a>
            <div class="tool-check" flex-box="0">
                <label>
                    <input type="checkbox">
                    <span class="icon-" font="12"></span>
                </label>
            </div>
        </li>
    </ul>


</section>

<footer flex-box="0">
    <div class="add-opt">
        <a href="javascript:;" class="btn-add-worker" font="18" flex="cross:center main:center">
            <span class="icon-addition"></span>添加工人
        </a>
    </div>
    <div class="delete-opt">
        <div flex="main:justify cross:center">
            <div class="check-all" font="14">全选</div>
            <a href="javascript:;" class="btn-delete" font="16">删除</a>
        </div>
    </div>
</footer>
</body>
</html>